body{
    background-color: white;
}
.bodyBox{
    width: 78%;
    margin: 0 auto;
}
.btTop1{
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: url("../img/back.png") no-repeat center center;
    background-size: 0.39rem;
    background-color: white;
    z-index: 600;
    box-shadow: 2px 2px 4px rgba(51,51,51,0.5);
}
.bottom1{
    .bottom11{
        margin-top: -0.5rem;
        width: 100%;
        img{
            width: 100%;
        }
    }
    .bottom12{
        
        ul{
            width: 100%;
            li{
                width: 100%;
         
                .inputBox{
                    width: 100%;
                    height: 0.96rem;
                    margin-bottom: 0.2rem;
                    background-color: #dfdfdf;
                    input{
                        display: block;
                        width: 94%;
                        margin: 0 auto;
                        font-size: 0.3rem;
                        line-height: 0.36rem;
                        padding: 0.3rem 0;
                        background-color: transparent;
                        border: 0;
                        color: #333333;
                        text-align: center;
                    }
                    input::-moz-placeholder{
                        color: #b6b5b5;
                    }
                    input::-ms-input-placeholder{
                        color: #b6b5b5;
                    }
                    input::-webkit-input-placeholder{
                        color: #b6b5b5;
                    }
                }
                .submit{
                    width: 100%;
                    height: 0.96rem;
                    button{
                        width: 100%;
                        height: 100%;
                        background: url(../img/bottom2.png) no-repeat left top;
                        background-size: 100% 100%;
                        font-size: 0.3rem;
                        color: white;
                        display: block;
                    }
                }
                .message{
                    font-size: 0.24rem;
                    line-height: 0.4rem;
                    text-align: center;
                    color: #666666;
                    padding-top: 0.15rem;
                    .msgTitle{
                        font-weight: bold;
                    }
                }
                
            }
        }
    }
}
.bigTitle{
    text-align: center;
    padding: 0.5rem 0 0;
    span{
        font-size: 0.44rem;
        color: #171717;
        position: relative;
        line-height: 0.6rem;
        font-weight: bold;
    }
    span::before,span::after{
        content: "";
        background:  no-repeat left center;
        background-size: 100%;
        position: absolute;
        top: 0%;
        width: 1.0rem;
        height: 100%;
    }
    span::before{
        left: -1.2rem;
        background-image: url(../img/bottom4.png);
    }
    span::after{
        right: -1.2rem;
        background-image: url(../img/bottom3.png);
    }
    .btBottom{
        font-size: 0.16rem;
        text-align: center;
    }
    .greenTitle{
        font-size: 0.3rem;
        color: #62a234;
        text-align: center;
        margin: 0.3rem 0;
    }
                    
}
.bottom21{
    .bottom211{
        padding-bottom: 0.45rem;
        .bottom21Title{
            font-size: 0.3rem;
            color: #666666;
            line-height: 0.3rem;
            font-weight: bold;
            position: relative;
            margin-bottom: 0.15rem;
        }
        .bottom21Title::before{
            content: "";
            position: absolute;
            left: -0.45rem;
            bottom: 0px;
            width: 0.3rem;
            border: 1px solid #bfbfbf;
        }
        .bottom21Content{
            color: #807f7f;
            line-height: 0.4rem;
            font-size: 0.24rem;
            text-align: justify;
        }
        .bottom21Img{
            margin-top: 0.2rem;
            display: flex;
            display: -webkit-flex;
            >div{
                width: 32.8%;
                margin-right: 0.8%;
                img{
                    width: 100%;
                }
            }
            >div:nth-last-child(1){
                margin-right: 0;
            }
        }

    }
}
.badisBox{
    width: 77.33%;
    margin: 0 auto;
    img{
        width: 100%;
    }
    .bottom21Banner{
        width: 100%;
    }
    .bottom211Title{
        text-align: center;
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 1.0rem;
        color: #333333;
    }
    .bottom211boxtext{
        font-size: 0.24rem;
        color: #807f7f;
        line-height: 0.4rem;
        text-indent: 0.48rem;
    }
    .greenLine{
        width: 1.0rem;
        border-bottom: 1px solid #62a234;
        margin: 0.4rem auto;
    }
}

.bottom31{
    width: 100%;
    img{
        width: 100%;
    }
}
.superText{
        font-size: 0.24rem;
        color: #666666;
        line-height: 0.4rem;
        text-indent: 0.48rem;
        width: 84%;
        margin-bottom: 0.1rem;
    }
.bottom4{
    
    .bottom41{
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        position: relative;
        .bottom422{
            width: 50%;
            padding: 0.25rem 0;
            position: relative;
            .bottom2Left{
                width: 1.2rem;
                height: 1.2rem;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                display: -webkit-flex;
                -webkit-align-items: center;
                -webkit-justify-content: center;
                -webkit-flex-direction: column;
                margin-left: 0.44rem;
                img{
                    width: 100%;
                }
            }
            .bottom2Right{
                position: absolute;
                left: 0;
                padding-left: 1.86rem;
                top: 0;
                width: 88%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                display: -webkit-flex;
                -webkit-align-items: center;
                -webkit-justify-content: center;
                -webkit-flex-direction: column;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                .bottom4Title{
                    font-size: 0.26rem;
                    color: #454444;
                    font-weight: bold;
                    line-height: 0.26rem;
                    margin-bottom: 0.15rem;
                }
                p{
                    width: 100%;
                    font-size: 0.2rem;
                    line-height: 0.26rem;
                    color: #777777;
                }
            }
        }
        .bottom422:nth-child(2n){
            .bottom2Left{
                margin-left: 0.08rem;
            }
            .bottom2Right{
                padding-left: 1.5rem;
            }
        }
    }
    .bottom41::after{
        content: "";
        position: absolute;
        left: 3%;
        top: 0;
        width: 94%;
        height: 100%;
        border: 1px solid #dddddd;
        border-radius: 0.1rem;
    }
}
.bottom51Box{
    padding: 0.2rem  0 0.4rem;
}
.bottom5{
    .bottom51{
        position: relative;
        width: 93.2%;
        margin: 0 auto 0.06rem;
        .bottom511{
            width: 56.4%;
            img{
                width: 100%;
            }
        }
        .bottom512{
            width: 43.6%;
            position: absolute;
            left: 56.4%;
            top: 0;
            height: 100%;
            padding-right: 0.2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            display: -webkit-flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            -webkit-flex-direction: column;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            color: #777777;
            line-height: 0.4rem;
            min-height: 0.4rem;
            font-size: 0.24rem;
            p{
                width: 100%;
                text-align: right;
            }
            p:nth-child(2){
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                width: 98%;
                margin-right:2%;
                background: url(../img/bottom19.png) no-repeat right center;
                background-size:  0.21rem auto;
            }
            p:nth-child(1){
                
                font-size: 0.3rem;
                color: #666666;
            }
        }
    }
    .bottom51:nth-child(2n){
        .bottom511{
            margin-left: 43.6%;
        }
        .bottom512{
            left: 0%;
            padding-left: 0.2rem;
            padding-right: 0;
            p{
                text-align: left;
            }
            p:nth-child(2){
                margin-right: 0%;
                margin-left: 2%;
                background-position-x: left;
            }
        }
    }
    
}
.bottom6{
   .bottom61{
        margin: 0.1rem 0;
        width: 100%;
        img{
            width: 100%;
        }
    } 
}
.btnBox{
    width: 3.28rem;
    height: 0.89rem;
    margin: 0.65rem auto;
    >div{
        width: 100%;
        height: 100%;
    }
    button{
        width: 100%;
        height: 100%;
        background:url(../img/bottom21.png) no-repeat left top;
        background-size: 100% 100%;
        color: white;
    }
}
.knowMore{
    .btnBox{
        margin: 1.2rem auto 0.4rem;
    }
    .btnBox1{
        margin: 2rem auto 0.8rem;
    }
    .knTop{
        width: 100%;
        position: relative;
        img{
            width: 100%;
        }
        .knTopBox{
            position: absolute;
            top: 8%;//22.25%
            left: 7.47%;
            width: 100%;
            height: 100%;
         
            >div{
                ul li:nth-child(1){
                    font-size: 0.48rem;
                    line-height: 0.58rem;
                    color: #77b0d3;
                }
                ul li:nth-child(2){
                    font-size: 0.18rem;
                    line-height: 0.38rem;
                    color: #666666;
                }
                ul li:nth-child(3){
                    width: 0.4rem;
                    margin: 0.25rem 0;
                    border-bottom: 0.05rem solid #abd8f4;
                }
                ul li:nth-child(4){
                    color: #666666;
                    font-size: 0.3rem;
                    line-height: 0.5rem;
                }
            }
        }
    }
    .knTop{
        .knTopBox1 > div ul li:nth-child(1){
            color: #5cbec6;
        }
        .knTopBox1 > div ul li:nth-child(3) {
            border-color: #5cbec6;
        }
    }
    .knBottom{
        width: 94.4%;
        margin-left: 5.07%;
        position: relative;
        margin-top: 0.05rem;
        >img{
            width: 100%;
        }
    }
    .knBottom1{
        margin-top: 0.3rem;
    }
    .knbBox{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        .knbTitle{
            margin-top: 11%;
            margin-left: 2.88%;
            p{
                line-height: 0.48rem;
                font-size: 0.36rem;
                color: #85bcde;
            }
            ul li:nth-child(2){
                padding-left: 0.42rem;
                background: url(../img/bottom28.png) no-repeat left center;
                background-size: auto 0.27rem;
                p{
                    color: #666666;
                    position: relative;
                    span{
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 10;
                    }
                }
                p::after{
                    position: absolute;
                    
                    left: 0.07rem;
                    top: 0.2rem;
                    content: "";
                    width: 3.36rem;
                    height: 0.32rem;
                    background-color: rgba(145,204,241,0.42);
                }
            }
        }
        .knbTitle1{
            margin-top: 8.5%;
            p{
                color: #5dbec6;
            }
             ul li:nth-child(2) p::after{
                 background-color: rgba(194,239,240,0.45);
             }
        }
        .knbContent{
            margin-top: 4%;
            margin-left: 6%;
            width: 77%;
            text-align: justify;
            color: #464749;
            font-size: 0.22rem;
            line-height: 0.36rem;
            text-indent: 0.44rem;
            .noIndent{
                text-indent: 0;
            }
        }
        .knbContent1{
            margin-top: 4%;
            margin-left: 6%;
            width: 74%;
        }
        .knbImgBox{
            width: 100%;
            display:flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            margin-top: 8%;
            >div{
                width: 22%;
                margin-right: 2.36%;
                img{
                    width: 100%;
                }
            }
            >div:nth-child(2n+1){
                margin-top: 3.5%;
            }
            >div:nth-last-child(1){
                margin-right: 0%;
            }
        }
        .knbImgBox1{
            margin-top: 5%;
        }
        .knbImgBox2{
            margin-top: 4%;
        }
    }
}
.series{
    margin-bottom: 0.6rem;
    .proImg{
        width: 100%;
        img{
            width: 100%;
        }
    }
    .swiper-button-next, .swiper-button-prev{
        width: 0.86rem;
        height: 1.0rem;
        background-color: rgba(255,255,255,0.5);
        background-image: url("../img/left.png");
        background-size: 0.28rem 0.49rem;
        -webkit-background-size: 0.28rem 0.49rem;
        margin-top: 0;
        top: 3.75rem;
        left: 0;
    }
    .swiper-button-next{
        background-image: url("../img/right.png");
        left: auto;
        right: 0;
    }
    .proBottom{
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 0.3rem 0;
        >div{
            width: 50%;
        }
        .pbLeft{
            .pblImg{
                width: 2.25rem;
                margin-left: 0.8rem;
                img{
                    width: 100%;
                }
            }
        }
        .pbRight{
            .pblContent{
                padding-left: 0.5rem;
                padding-top: 0.2rem;
                .pblTitle{
                    font-size: 0.36rem;
                    color: #3d3c3c;
                    font-weight: bold;
                    line-height: 0.7rem;
                    position: relative;
                    span{
                        font-size: 0.18rem;
                        display: inline-block;
                        margin-left: 0.15rem;
                    }
                }
                .pblTitle::after{
                    position: absolute;
                    content: "";
                    left: -0.5rem;
                    top: 0rem;
                    width: 0.3rem;
                    border-bottom: 1px solid #9dd7a5;
                }
                ul li{
                    p{
                        font-size: 0.2rem;
                        line-height: 0.36rem;
                    }
                }
            }
        }
    }
}
.produceJudge{
    width: 3.44rem;
    margin: 0.2rem auto;
    font-size: 0.3rem;
    color: #666666;
    line-height: 0.6rem;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    span:nth-child(1){
        color: #62a234;
    }
}
.pjhas{

    span:nth-child(1){
        color: #666666;
    }
    span:nth-child(2){
        color: #62a234;
    }
}

.produceJudge::after{
    position: absolute;
    left: 0;
    bottom: -0.02rem;
    border-bottom: 0.06rem solid #62a234;
    content: "";
    width: 0.9rem;
}
.pjhas::after{
    left: 2.4rem;
}
#app
{
    overflow-x: hidden;
}
.people .bottom51 .bottom512{
    padding-left: 0.3rem;
    padding-right: 0;
}
.people .bottom51 .bottom512 p{
    text-align: left;
}
.people .bottom51 .bottom512 p:nth-child(2){
    display: none;
}
.people .bottom51 .bottom512 p:nth-child(1) {
    font-weight: bold;
    line-height: 0.6rem;
}
.people .bottom51:nth-child(2n) .bottom512{
    padding-right: 0.3rem;
    padding-left: 0;
}
.people .bottom51:nth-child(2n) .bottom512 p{
    text-align: right;
}
.people .bottom511{
    position: relative;
}
.people .bottom511::after{
    content: "";
    position: absolute;
    top: 0.3rem;
    right: -0.45rem;
    width: 0.9rem;
    border-bottom: 0.06rem solid rgba(130,213,142,0.5);
}
.people .bottom51:nth-child(2n) .bottom511::after{
    left: -0.45rem;
    right: auto;
}
.index{
    width: 100%;
    height: 100%;
    .swiper-container{
        width: 100%;
        height: 100%;
        img{
            max-width: 100%;
        }
        .bannerIndex1{
            width: 100%;
            height: 100%;
            background: url("../img/indexBottom4.png") no-repeat left top;
            background-size: 100% 100%;
            padding-top: 13.36%;
            img{
                max-width: 94.4%;
            }
        }
        .bannerIndex2{
            width: 100%;
            height: 100%;
            padding-top: 12.27%;
            //background: url("../img/indexBottom5.png") no-repeat left top;
            //background-size: 100% 100%;
        }
        .bannerIndex3{
            width: 100%;
            height: 100%;
            padding-top: 14%;
            background: url("../img/indexBottom5.png") no-repeat left top;
            background-size: 100% 100%;
            img{
                width: 84.13%;
                margin: 0 auto;
                display: block;
            }
        }
    }
    .swiper-button-next, .swiper-button-prev{
        width: 0.86rem;
        height: 1.0rem;
        background-color: rgba(255,255,255,0.5);
        background-image: url("../img/left.png");
        background-size: 0.28rem 0.49rem;
        -webkit-background-size: 0.28rem 0.49rem;
        margin-top: -0.5rem;
        top: 50%;
        left: 0;
    }
    .swiper-button-next{
        background-image: url("../img/right.png");
        left: auto;
        right: 0;
    }
    .swiper-pagination-bullet{
        background-color: #d2d2d2;
        opacity: 1;
    }
    .swiper-pagination-bullet-active{
        background-color: #7d7d7d;
        opacity: 1;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 0.7rem;
        left: 0;
        width: 100%;
    }
}
.playVideo{
    //display: none;
    .btnBox{
        margin-bottom: 0.25rem;
        button{
            background-image: url("../img/play.png");
            text-indent: 0.4rem;
        }
    }
}
.popWin{
    position: fixed;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 650;
    transition: transform 0.2s linear;
    -webkit-transition: transform 0.2s linear;
    -moz--webkit-transition: transform 0.2s linear;

    .swiper-container{
        width: 100%;
        height: 100%;
        .swiper-slide{
            width: 100%;
            height: 100%;
            background: url("../img/neiBack1.png") no-repeat left top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%;
            .produceImg{
                width: 100%;
                img{
                    width: 100%;
                }
            }
            .produceTitle p{
                font-size: 0.4rem;
                margin-top: -0.3rem;
                text-align: center;
                background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(34, 23, 20)), color-stop(0.45, rgb(150, 150, 150)), color-stop(0.46, rgb(34, 23, 20)), to(rgb(99, 99, 99)));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-weight: bold;
            }
            .propBox{
                margin: 0.4rem 0 0.4rem;
                p{
                    font-size: 0.2rem;
                    line-height: 0.36rem;
                    color: #3f3f3f;
                    text-align: center;
                }
            }
            .proBar{
                width: 1.16rem;
                margin: 0 auto;
                img{
                    width: 100%;
                }
            }
            .logo{
                width: 2.0rem;
                margin: 0.4rem auto;
                img{
                    width: 100%;
                }
            }
        }
        .swiper-slide:nth-child(2n)
        {
            background-image: url("../img/neiBack2.png");
        }
    }
    .closeBtn{
        position: absolute;
        width: 0.64rem;
        height: 0.64rem;
        right: 0.4rem;
        bottom: 0.4rem;
        background: url(../img/close.png) no-repeat left top;
        background-size: 100% 100%;
        z-index: 999;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #3f3f3f;
    }
}
.popthree{
    position: fixed;
    width: 0.64rem;
    right: 10px;
    bottom: 10px;
    height: 0.64rem;
    z-index: 999;

    button{
        width: 100%;
        height: 100%;
        background: url("../img/close.png") no-repeat left top;
        background-size: 100% 100%;
    }
}
.popWinBox{
    background-color: white;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    //position: relative;

    //top: 0;
    .pwb1{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        -webkit-flex-direction: column;
        .pwb11{
            width: 100%;

            img{
                width: 100%;
            }
        }
        .pwb12 p{
            margin-top: 0.5rem;
            font-size: 0.4rem;
            text-align: center;
            background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(34, 23, 20)), color-stop(0.45, rgb(150, 150, 150)), color-stop(0.46, rgb(34, 23, 20)), to(rgb(99, 99, 99)));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: bold;
        }
        .pwb13{
            width: 1.16rem;
            margin: 0.5rem auto;
            img{
                width: 100%;
            }
        }
        .pwb14{
            width: 77%;
            margin: 0 auto;
            p{
                color: #333333;
                font-size: 0.24rem;
                line-height: 0.4rem;
                text-indent: 0.48rem;
                text-align: justify;
                span{
                    color: #62a234;
                }
            }
        }
    }

}
.popTitle{
    width: 100%;
    padding: 0.5rem  0;
    background-color: #f8f7f3;
    ul li:nth-child(1){
        font-size: 0.36rem;
        color: #333333;
        margin-bottom: 0.2rem;
        text-align: center;
    }
    ul li:nth-child(2){
        font-size: 0.1rem;
        color: #333333;
        text-align: center;
        letter-spacing: 0.1em;
    }
}
.pwb21{
    width: 98%;
    margin: 0 auto;
    padding: 0.3rem 0 0.85rem;
    .pwb21Img:nth-child(1){
        margin-top: 0;
    }
    .pwb21Img{
        width: 69.2%;
        margin-top: -0.6rem;
        img{
            width: 100%;
        }
    }
    .pwb21Img:nth-child(2n){
        margin-left: 30.8%;
    }
}
.pwb31{
    width: 100%;
    position: relative;
    margin-bottom: 1.08rem;
    img{
        width: 100%;
    }
    .pwb31Box{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        .pwb31Img{
            width: 50%;
            height: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            display: -webkit-flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            -webkit-flex-direction: column;
            img{
                width: 53%;
            }
        }
        .pwb31Img:nth-child(2){
            img{
                width: 60%;
            }
        }
    }
}
.pwb41{
    width: 100%;
    margin: 0 auto;
    padding: 0.46rem 0 1.04rem;
    img{
        width: 100%;
    }
    >div{
        width: 96.13%;
        margin: 0 auto;
        margin-top: -1.95rem;
    }
    .pwb411{
        margin-top: 0;
    }
    .pwb414{
        margin-top: -1.90rem;
    }
}
.pwb51{
    width: 100%;
    margin-bottom: 0.95rem;
    position: relative;
    .pwb511{
        position: absolute;
        width: 28.93%;
        top: 9.875%;
        left: 3.2%;
    }
    .pwb512{
        position: absolute;
        width: 29.07%;
        top: 21.5%;
        left: 24.55%;
    }
    .pwb513{
        position: absolute;
        width: 28.93%;
        top: 33%;
        left: 45.8%;
    }
    .pwb514{
        position: absolute;
        width: 28.8%;
        top: 21.5%;
        left: 67.4%;
    }
    img{
        width: 100%;
    }
}
.pwb61{
    width: 95.2%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0.4rem 0 1.0rem;
    .pwb6Img{
        width: 49.9%;
        margin-right: 0.2%;
        margin-bottom: 0.02rem;
        img{
            width: 100%;
        }
    }
    .pwb6Img:nth-child(2n) {
        margin-right: 0;
    }

}
.pwb7{
    margin-bottom: 0.8rem ;
    img{
        width: 100%;
    }
    .pwb711{
        width: 100%;

    }

    .pwb712{
        width: 86.67%;
        margin: 0 auto;
        color: #333333;
        text-indent: 0.48rem;
        line-height: 0.36rem;
        font-size: 0.24rem;
        text-align: justify;
        padding: 0.26rem 0;
    }
    .pwb713{
        width: 95%;
        margin: 0 auto;
        .pwb7131{
            padding-left: 0.3rem;
            background: url("../img/nei58.png") no-repeat 0.09rem center;
            background-size: 0.12rem;
            color: #62a234;
            font-size: 0.3rem;
            line-height: 0.9rem;
        }
        .pwb7132{
            width: 91.2%;
            margin: 0 auto;
            color: #333333;
            line-height: 0.36rem;
            text-align: justify;
            margin-bottom: 0.2rem;
        }
    }
}
.pwb8{
    .pwb8Banner{
        padding: 0.5rem 0;
        .swiper-slide{
            padding: 0.1rem 0;
            background: none!important;

        }
        .swiper-slide-active{
            .socailBox{
                box-shadow: 0px 0px 4px rgba(51,51,51,0.5);
            }
            .socailBox::after{
                transition: 0.5s;
                -webkit-transition: 0.5s;
                display: none;
            }

        }
        .socailBox{
            width: 100%;
            position: relative;
            img{
                width: 100%;
            }
        }
        .socailBox::after{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            content: "";
            height: 100%;
            background-color: rgba(0,0,0,0.4);
        }

    }
    .pwb81{
        width: 100%;
        font-size: 0.24rem;
        color: #333333;
        text-align: center;
        line-height: 0.4rem;
        margin-top: 0.5rem;
        margin-bottom: 0.4rem;
    }
}
.pwb9{

    img{
        width: 100%;
    }
    .pwb91{
        width: 100%;
    }
    .pwb92Title{
        width: 78%;
        margin-left: 6.4%;
        font-size: 0.3rem;
        color: #62a234;
        line-height: 0.6rem;
        padding-top: 0.5rem;
    }
    .pwb92Box{
        width: 88%;
        margin-left: 6.4%;
        p{
            font-size: 0.24rem;
            line-height: 0.48rem;
            color: #666666;
            position: relative;
        }
        p::after{
            content: "";
            position: absolute;
            left:-0.18rem;
            top: 0.21rem;
            width: 0.06rem;
            height: 0.06rem;
            border-radius: 50%;
            background-color: #62a234;
        }
    }
}
.backTop{
    padding: 0.3rem 0;
    font-size: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
    color: #62a234;
    p{
        margin-bottom: 0.05rem;
    }
    .btBox{
        width: 0.26rem;
        margin: 0 auto;

        img{
            width: 100%;
        }
    }
}

.bottom21{
    position: relative;
    .swiper-button-next-about,.swiper-button-prev-about{
        width: 0.6rem;
        height: 0.6rem;
        background: url("../img/right1.png")no-repeat center center;
        background-size: 0.18rem auto;
        background-color: #62a234;
        left: 88.655%;
        right: auto;
        margin-top: -0.8rem;
    }
    .swiper-button-prev-about{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        right: 88.655%;
        left: auto;
    }
}